function getFilm(f) {
	//分类数据
	let categoryList = f.category_list;
	let mr1 = ``;
	categoryList.forEach(function(c) {
		mr1 += `<div class="mr-1">${c.category_name}</div>`;
	});
	//区域
	let countryList = f.country_list;
	let ml1 = ``;
	countryList.forEach((c) => {
		ml1 += `<div class="ml-1">${c.country_name}</div>`;
	});
	//演员
	let actorList = f.actor_list.slice(0, 2);
	let mr2 = ``;
	actorList.forEach((c) => {
		mr2 += `<div class="mr-2">${c.actor_name}</div>`;
	})
	let film = `<a href="#"
			class="text-decoration-none film-click">
			<input type="hidden" value="${f.film_id}"/>
			<div class="film p-2 m-2 rounded shadow shadow-hover-blue hand"><img src="./img/${f.film_cover_image}"
					class="w-100">
				<div class="mt-2 d-flex justify-between align-items-end">
					<div class="text-sm text-gray ellipsis">${f.film_name}</div>
					<div class="text-biger text-red text-bold">${f.film_rank}</div>
				</div>
				<div class="mt-1 text-xs text-muted ellipsis">${f.film_title}</div>
				<div class="mt-1 d-flex justify-between text-xs text-muted">
					<div class="d-flex">
						${mr1}
					</div>
					<div>${f.film_duration}</div>
				</div>
				<div class="mt-1 d-flex justify-between text-muted text-xs">
					<div>2021-02-12</div>
					<div class="d-flex">
						${ml1}
					</div>
				</div>
				<div class="mt-1 text-muted text-xs d-flex flex-wrap">
					${mr2}
				</div>
			</div>
		</a>`;
	return film;
}
